<template>
  <section>
    <div class="p-lg bd-btm">
      <BaseSearchBar :items="searchItems" />
    </div>
    <div class="p-lg bd-btm">
      <BaseTable
        :columns="columns"
        :page="page"
        :data="tableData"
        @pageChange="onPageChange"
      />
    </div>
  </section>
</template>

<script>
import { columns } from "./columns.js";
import { searchItems } from "./searchItems.js";
import BaseSearchBar from "@/components/baseSearchBar";

export default {
  name: "Permission",
  components: { BaseSearchBar },
  data() {
    return { columns, searchItems, tableData: [{}] };
  },
};
</script>

<style></style>
